/*
 This file 'wlscjg' is part of Firebird Integrated Solution 1.0

 Copyright (c) 2020 Lincong

 Contact:  
        Email: lincong1987@gmail.com

        QQ: 159257119
 
 See Usage at http://www.jplatformx.com/firebird

 Create date: 2020-05-21 14:48
 */
@import "common";

@name: wxhxp;
@dev:  true;

/**********************************/
.panel(@name, 1, 8, 90, 948, 438);
#@{name}_1_wrapper {

}

#@{name}_1 {
    .absolute(8, 90, 948, 438) ;
    clear:      both;
    overflow:   hidden;
    padding:    10px;
    background: url("../img/wxhxp-panel-bg-1.png") no-repeat;
    width:      950px;
    height:     440px;
    
    .wxhxp-total {
	float:      left;
	display:    block;
	width:      178px;
	height:     418px;
	background: rgba(10, 40, 99, 1);
	border:     1px solid rgba(99, 161, 254, 1);
	
	
	.title {
	    display:    block;
	    padding:    96px 33px 26px 33px;
	    font-size:  22px;
	    color:      rgba(255, 255, 255, 1);
	    text-align: center;
	}
	
	.flop {
	    padding-left: 20px;
	    
	    span {
		width:        40px;
		height:       60px;
		font-size:    36px;
		line-height:  36px;
		padding:      12px 0px 0px 0px;
		margin-right: 4px;
	    }
	}
    }
    
    .wxhxp-tab {
	
	float:    left;
	width:    744px;
	height:   418px;
	position: relative;
	
	.tab-header {
	    padding-left: 8px;
	    width:        178px;
	    height:       418px;
	    position:     absolute;
	    top:          0;
	    left:         0;
	    z-index:      10;
	    
	    a {
		display:     block;
		width:       178px;
		height:      205px;
		background:  rgba(10, 40, 99, 1);
		border:      1px solid rgba(99, 161, 254, 1);
		margin:      0 0 8px 0;
		padding-top: 0;
		
		transition:  none;
		
		.container {
		    position: relative;
		    
		    .title {
			position:   absolute;
			top:        44px;
			left:       0;
			font-size:  16px;
			color:      rgba(255, 255, 255, 1);
			display:    block;
			text-align: center;
			width:      178px;
			
			
		    }
		    
		    .flop {
			position: absolute;
			top:      85px;
			left:     25px;
			
			span {
			    width:        40px;
			    height:       60px;
			    font-size:    36px;
			    line-height:  36px;
			    padding:      12px 0px 0px 0px;
			    margin-right: 4px;
			}
		    }
		}
		
		&.active {
		    border-right: none;
		    width:        187px;
		}
		
		&:hover {
		    opacity: 1;
		}
		
	    }
	}
	
	.tab-content {
	    
	    z-index:    2;
	    position:   absolute;
	    top:        0;
	    left:       184px;;
	    background: rgba(10, 40, 99, 1);
	    border:     1px solid rgba(99, 161, 254, 1);
	    height:     418px;
	    width:      556px;
	    margin:     0 10px;
	    
	    .content {
		height: 418px;
		width:  556px;
		.transition();
	    }
	}
	
    }
}

#wxhxp_1_chart_1, #wxhxp_1_chart_2 {
    height: 418px;
    width:  556px;
}


/**********************************/
.panel(@name, 2, 8, 536px, 948, 536px);
#@{name}_2_wrapper {
    background: url("../img/wxhxp-panel-bg-2.png") no-repeat;
}


/**********************************/
.panel(@name, 3, 964, 90, 1912, 982);
#@{name}_3 {
    .absolute(964, 90, 1912, 982) ;
}


/**********************************/
.panel(@name, 4, 2884, 90, 948, 239);
#@{name}_4_wrapper {
    background: url("../img/wxhxp-panel-bg-4.png") no-repeat;
}

#@{name}_4 {
    
    clear:    both;
    position: relative;
    
    .kind-stat-info {
	float:      left;
	width:      440px;
	height:     160px;
	margin:     20px;
	background: rgba(10, 40, 99, 0.6);
	border:     1px solid rgba(99, 161, 254, 0.6);
	
	.num {
	    display:       block;
	    width:         440px;
	    padding-top:   28px;
	    text-align:    center;
	    font-size:     60px;
	    line-height:   60px;
	    font-weight:   bold;
	    color:         rgba(82, 255, 253, 1);
	    margin-bottom: 0;
	}
	
	.name {
	    display:     block;
	    width:       440px;
	    padding-top: 10px;
	    text-align:  center;
	    font-size:   16px;
	    color:       rgba(255, 255, 255, 1);
	}
    }
    
    .kind-stat-chart {
	float: left;
    }
}

#wxhxp_4_chart_1 {
    width:  465px;
    height: 200px;
}

/**********************************/
.panel(@name, 5, 2884, 337, 948, 280);
#@{name}_5_wrapper {
    background: url("../img/wxhxp-panel-bg-5.png") no-repeat;
}

#@{name}_5 {
    padding: 20px;
    
    .good-table {
	.good-table-header {
	    table thead tr th {
		padding: 5px 10px;
		
	    }
	}
	.good-table-body {
	    height: 190px;
	    
	    table tbody tr td {
		padding: 5px 10px;
		
	    }
	}
    }
    
}

/**********************************/
.panel(@name, 6, 2884, 625, 948, 447);
#@{name}_6_wrapper {
    background: url("../img/wxhxp-panel-bg-6.png") no-repeat;
}

#@{name}_6 {
    padding: 20px;
    
    .good-table {
	.good-table-body {
	    table tbody tr td,
	    table tbody tr th{
		padding: 6px 10px;
		p {
		    margin-bottom: 0;
		}
	    }
	}
    }
    
}

/** others ********************************/


